<template>
	<dv-border-box-1 class="biankuang-box chuxian-center-noyc">
		<div class="system-url-box borderGC-30_com">
			<url-item v-for="item of list" :key="item.url" :item="item"></url-item>
		</div>
	</dv-border-box-1>
</template>

<script>
	export default {
		components: {
			urlItem: () => import('../urlItem/index.vue')
		},
		props: {
			list: {
				type: Array,
				default: () => {
					return []
				}
			}
		}
	}
</script>

<style scoped>
	.biankuang-box {
		width: 1500px;
		height: 660px;
		position: fixed;
		left: calc(50vw - 750px);
		top: calc(50vh - 330px);
		/* box-shadow: 0 0 27px 35px rgba(0, 255, 255, 0.4) inset; */
	}

	.system-url-box {
		width: 100%;
		height: 100%;
		border-radius: 5px;
		display: flex;
		flex-wrap: wrap;
		/* justify-content: space-around; */
		align-items: flex-start;
	}
</style>
